/*首页*/
.catimg img{max-height:250px; max-width: 250px!important;margin-top: 80px;}
.desc{height: 44px !important;line-height: 22px; margin-top: 4px; overflow:hidden; width: 100%}
.ptit{font-size: 16px !important;color: #747474;height: 42px !important;}
.fa {margin-right: 5px;    } 
.line{border-bottom: solid 1px #bec5cc;}
.dotline,input,textarea{border-bottom: dotted 1px #bec5cc;}
.nopad{padding-right: 0px !important; padding-left: 0px !important; }
.listtitle{font-size: 18px;font-weight: 400;}
.search{width: 170px;position: relative;min-height: 1px;}
.search .text{float:left;width: 100%;padding-right: 30px;}
.search input{border-bottom: solid 1px #bec5cc; margin-bottom: -1px !important;}
.search .sbtn{float:left;position: absolute;top:0;right: 0px;background: url() no-repeat 2px center;height: 100%;line-height: 30px; border: none;margin: 0;padding: 0;border-radius: 0;}
.form-group input{float:left}
.form-group .sbtn{float:left;position: absolute;top:20px; right:10px; color:#FFF;background: url() no-repeat 2px center;height: 100%;width: 30px;height: 30px;line-height: 30px; border: none;margin: 0;padding: 0;border-radius: 0;}
.form-group .fa-search {font-size: 1.2em;margin-top:2px}
.sousuo .fa-search {font-size: 1.2em;}
.search .fa-search {font-size: 1.2em;margin-top:2px}
.m_pic {margin-right:-1px !important;height:250px;margin-bottom:-1px;border: solid 1px #dae0e5;padding-top: 10px;}
.m_pic .porpic{max-width:220px;max-height: 220px}
.plimg{width: 220px;height: 220px;overflow: hidden;display: table-cell;vertical-align: middle;text-align: center;}
.marketing {margin: 35px auto}
.marketing1 {margin: 35px auto}
.top20{padding: 50px 0 !important}
.mbom{margin-bottom:50px}
.select {position:relative;top:0;right:15px;background:url(../images/bg_1.jpg) no-repeat left center;padding-left:30px;margin-top:10px;}
.select select {width:50px;background:url(../images/bg_2.jpg) no-repeat right center;border:none;font-size:11px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.sousuo {position:absolute;right:0;bottom:0; height: 51px;line-height: 51px}
.sousuo .ss{position: absolute;top:0;right: 0;background: url({APP_PATH}statics/vipbuy/images/ss.png) no-repeat 2px center;height: 100%;width: 34px;border: none;margin: 0;padding: 0;border-radius: 0;}
.form-group input::-webkit-input-placeholder {color:#fff;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #003d64 inset !important;
     -webkit-text-fill-color: #ffffff;
}
.fx_right {position: relative;}
.fx_right img.qrcode {position: absolute;z-index: 99;left: -170px;top: 30px;width: 170px;height: 200px;transform: scale(0);transform-origin: top right;opacity: 0;border: .3125rem solid #003d64;border-radius: .25rem;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.fx_right:hover img.qrcode {transform: scale(1);opacity: 1;}
.fx_right {position:fixed;bottom:30%;right:0;width:50px;text-align:center;background-color:#fff;padding-top:30px;z-index:99;}
.fx_right a {display:block;}
.fx_right a img {margin-bottom:30px;}
.header{border-bottom: 1px solid #003d64;}
.langbar{position: absolute;top: 2px;right: 0px;width: 0px;}
.langbar li{display: block;float: left;margin-left: 14px}
.navbar-wrapper{position: absolute;top: 61px;right: 0px;margin: 0px;}
.navbar-nav .active{background-color:rgb(255,255,255,0);}
.logo{margin: 25px 0 24px 0;padding: 0px;}
.wapmenu{display: none !important;}
a {text-decoration:none;outline:none;color:#666;}

select {border: solid 1px #000;appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
 background: url("../images/down.png") no-repeat right center; padding-right: 14px;
}
select::-ms-expand { display: none; }  
.crumbs{text-align: left;margin-top: 30px;} 
/*页面多行*/
.empty-rows {height: 15em; /* 设置为你想要的高度 */}
/*下载*/
.container-fluid span{font-size: 15px;}
/*应用菜单*/
.yydrop .dropdown-menu{min-width: 190px;min-height: 100px;}
/*留言表单*/
.formbox{max-width: 900px;margin: 0 auto;}
.formbox input,.formbox textarea,.fnote,.ftype{margin-bottom: 20px;}
.ftype,.fname,.fphone,.fcountry,.femail,.fcode,.fmtitle,.fmodel{width: 286px;}
.fnote{width: 614px;position: static !important;padding: 0 !important;color: #5a5a5a !important;font-size: 14px !important;display: inline-block;}
.fptitle,.fmtitle{display: inline-block;}
.ftype{background: url(../images/down.png) no-repeat right center;border: none;border-bottom: dotted 1px #bec5cc;color: #5a5a5a;}
.fcompany,.fptitle,.fproduct{width: 594px;}
.faddress,.fcontent{width: 100%;}
.fcontent{background: unset;border: none;border-bottom: dotted 1px #bec5cc;font-size: 14px;}
.fjj{width: 21px;position: static !important;padding: 0 10px !important;}
.formbox .table_form tbody td{border: none;padding: 0 !important;float: left;width: 100%;}
.formbox .table_form tbody td span{position: static !important;padding: 0 !important;}
.fcode{font-size: 14px !important;color: #5a5a5a !important;}
.fsubmit input{width: 100px;height: 36px;border-radius: 18px;border: solid 1px #003d64;background-color: #d4d4d4;min-width: 100px;}
.fsubmit input:hover{background-color: #003d64;color: #ffffff;}

.contactlist{height: 300px;padding: 10px 20px 0 0;}

/*底部分享按钮*/
.social-nav {
    padding: 0;
    margin: 0px;
    height: 35px;
    list-style: none;
    display: inline-block;
    margin-top: 80px;
}
.social-nav li {
    display: inline-block;
    margin: 0 6px;
}
.social-nav a {
    display: inline-block;
    float: none;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    /*background: #003d64;*/
    position: relative;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.social-nav .front, .social-nav .back {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(18px);
    -moz-transform: translateZ(18px);
    -ms-transform: translateZ(18px);
    -o-transform: translateZ(18px);
    transform: translateZ(18px);
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    color:#212121;
    font-size:12px;
}
.social-nav .back {
    -webkit-transform: rotateX(90deg) translateZ(18px);
    -moz-transform: rotateX(90deg) translateZ(18px);
    -ms-transform: rotateX(90deg) translateZ(18px);
    -o-transform: rotateX(90deg) translateZ(18px);
    transform: rotateX(90deg) translateZ(18px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
a.qq .front {
    background: #4cafe9;
}
a.weibo .front {
    background: #d32024;
}
a.weixin .front {
    background: #2dc100;
}
a.facebook .front {
    background: #3b5998;
}
a.twitter .front {
    background: #00aced;
}
a.google-plus .front {
    background: #dd4b39;
}
a.linkedin .front {
    background: #4a86c5;
}
.qq .back,.weibo .back,.weixin .back,.facebook .back,.twitter .back,.google-plus .back,.linkedin .back{
    background:#dddddd;
}
.social-nav a:hover {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.social-nav a:hover .back {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
}
.social-nav .front i{
    color: #fff;
    font-size: 12px;
    margin-right: 0px;
}
.social-nav .back i{
    color: #000;
    font-size: 12px;
    margin-right: 0px;
}
.listheader{padding: 40px;}
.repro{width: 100%;float: left;margin-bottom:20px;}
.repro li{width: 50%;float: left;margin-bottom: 6px !important;}
.repro img{float: left;margin-right: 4px;}
.repro p{line-height: 38px;margin: 0;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*导航*/
@media(min-width:786px){
.headfixed{position: fixed;top: 0px;width: 100%;    border-bottom: 1px solid #efefef; background-color:#FFF; z-index: 1000}
.headfixed .col-md-1{display:none !important}
.headfixed .logobar{float:left !important;width:15%}
.headfixed .logobar .logo {margin:5px 0;}
.headfixed .logobar .logo img{height:35px;}
.headfixed .navbar-wrapper{float:left !important; width: 85%;margin-top: 0px; top: 0px;}
.headfixed .navbar-wrapper .container{float:left !important; width:100%; }
.headfixed #navbar{float:left !important; width: 90%;margin-top: 1px; }
.headfixed .langbar{display: none;}
}
.logobar{width:100%; margin: 0 auto; overflow: hidden;}
.navbar-wrapper .container .navbar {margin:0;}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {background-color:#323433;}
.navbar-inverse {background: transparent;border:none;}
.navbar-inverse .navbar-collapse {background: transparent;}
.navbar-inverse .navbar-toggle .icon-bar {background-color:#323433;}
.navbar-inverse .navbar-brand {color:#323433;}
.navbar-inverse .navbar-brand:hover {color:#323433 !important;}
.navbar-inverse .navbar-nav>li>a {color:#323433;}
.navbar-inverse .navbar-nav>li>a:hover {color:#003d64 !important;}
.navbar-inverse .navbar-nav>li>a:active {color:#fff !important;}
.navbar-inverse .navbar-nav>.active>a:visited {color:#003d64 !important;}
.navbar-inverse .navbar-nav>.active>a {color:#003d64 !important;background:none !important;}
.navbar{margin-bottom:0;}
#navbar{margin-right: 110px;}
/*.dropdown-submenu*/
.dropdown-submenu { background-color: #FFF }
.dropdown-submenu a{color: #747474 !important;}
.dropdown-submenu a:hover{color: #003d64 !important;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:-1px;margin-left:-1px;height: 500px}
.dropdown-submenu>.dropdown-menu h4{height: 60px;line-height: 60px; font-weight: 500; font-size: 20px}
.dropdown-submenu:hover>.dropdown-menu {display:block;}
.dropdown-submenu>a:after {display:block;content:" ";float:right;width:0;height:0;content: '';
    display: inline-block; width: 8px; height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;transform: rotate(45deg);
    -webkit-transform: rotate(45deg);;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after {border-top: 1px solid #337ab7;
    border-right: 1px solid #337ab7; }
.dropdown-submenu.pull-left {float:none;}
.dropdown-submenu.pull-left>.dropdown-menu {left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {color:#fff;background-color:transparent;color:rgb(0,140,241);}
nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {color:#fff;color:rgb(0,140,241);}
.dropdown-submenu .col-sm-5 a{display:block;line-height: 24px;height:24px;padding: 16px 0;}
.dropdown-submenu .des{border-bottom: 1px solid #eee;margin-bottom: 5px;font-size: 12px;padding-bottom: 15px; line-height: 22px}
.dropdown-submenu .upon{box-shadow: none;--webkit-box-shadow: none;border: 1px solid #f3f5f4;}

.navbar-nav a{color: #747474 !important;}
.navbar-nav a:hover{color: #003d64 !important;}
@media screen and (max-width:768px) {
    .sousuo {display:none;}
    .logobar .logo img{height:40px;}
}
@media screen and (min-width:769px) {.navbar-brand {display:none;}
}
/*轮播*/
.carousel-indicators .active {background-color:#0653a1;}
.carousel-indicators li {background-color:#97a0a7;border-radius:50%;}
.carousel-caption {right:46%;bottom:175px;text-align:left;}
.carousel-caption h1 {font-size:28px;color:#666666;margin-bottom:40px;}
.carousel-caption p {font-size:15px;color:#666666;}
/*产品列表*/
.box {text-align:center;overflow:hidden;position:relative; width: 200px;height: 200px;}
.box:before {content:"";width:0;height:100%;background:#000;padding:14px 18px;position:absolute;top:0;left:50%;opacity:0;transition:all 500ms cubic-bezier(0.47,0,0.745,0.715) 0s;}
/*.box:hover:before {width:100%;left:0;opacity:0.3;}*/
.box img {width:200px;height:200px;}
.box .box-content {width:100%;padding:14px 18px;color:#fff;position:absolute;top:20%;left:0;}
.box .title {font-size:25px;font-weight:600;line-height:30px;text-transform:uppercase;margin:0;opacity:0;transition:all 0.5s ease 0s;}
.box .post {font-size:15px;text-transform:capitalize;opacity:0;transition:all 0.5s ease 0s;}
.box:hover .title,.box:hover .post {opacity:1;transition-delay:0.5s;}
.box .icon {padding:0;margin:0;list-style:none;margin-top:15px;}
.box .icon .fa { margin-right: 0px !important;}
.box .icon li {display:inline-block;}
.box .icon li a {display:block;width:40px;height:40px;line-height:40px;border-radius:50%;background:#008dd5;font-size:20px;font-weight:700;color:#fff;margin-right:5px;opacity:0;transform:translateY(50px);transition:all 0.3s ease 0s;}
.box:hover .icon li a {opacity:1;transform:translateY(0px);transition-delay:0.5s;}
.box:hover .icon li:last-child a {transition-delay:0.8s;}
@media only screen and (max-width:990px) {.box {margin-bottom:15px;}
}
.m_pic h5 {height: 30px; display: block; line-height: 30px !important;}

.marketing .col-lg-2 {text-align:center;margin-top:-1px;margin-right:-1px;padding: 15px;}
.marketing1 .col-lg-2 {text-align:center;margin-top:-1px;margin-right:-1px;padding: 15px;}
.marketing2 .col-lg-2 {text-align:center;margin-top:-1px;margin-right:-1px;padding: 15px;}
.img-circle {border:solid 0px #e5e5e5;}
.col-lg-13 img{width: 100%;height: auto;}
.col-lg-13 .deta img{width: unset;height: auto;}
.col-lg-14 img{width: 380px;height: 420px;}
.col-lg-14 .deta img{width: unset;height: auto;}
.col-lg-2 img{width: 100%;height: auto;}
.col-lg-2 .deta img{width: unset;height: auto;}
.marketing h3 {margin-top:50px;margin-bottom:40px;font-size:30px;color:#1e1e1e;}
.marketing h2 {text-align:center;font-size:16px;color:#323423; margin: 10px 0 0px 0;height: 36px;overflow: hidden;line-height: 24px;}
.marketing span{display: block;line-height: 22px; height: 66px; overflow: hidden; padding: 0 10px}
.marketing p {font-size:14px;color:#494a49;/*white-space:nowrap;不换行*/overflow:hidden;}
.marketing1 h3 {margin-top:50px;margin-bottom:40px;font-size:30px;color:#1e1e1e;}
.marketing1 h2 {text-align:left;font-size:18px;color:#323423; margin: 10px 0 0px 0;height: 40px;overflow: hidden;line-height: 24px;}
.marketing1 span{display: block;line-height: 22px; height: 66px; overflow: hidden; padding: 0 10px}
.marketing1 p {font-size:14px;color:#494a49;/*white-space:nowrap;不换行*/overflow:hidden;}
.marketing2 h3 {margin-top:50px;margin-bottom:40px;font-size:30px;color:#1e1e1e;}
.marketing2 h2 {text-align:left;font-size:24px;color:#323423; margin: 25px 0 0px 0;height: 40px;overflow: hidden;line-height: 24px;}
.marketing2 span{display: block;line-height: 22px; height: 66px; overflow: hidden; padding: 0 10px}
.marketing2 p {font-size:14px;color:#494a49;/*white-space:nowrap;不换行*/overflow:hidden;}
.parent { width:100%;height:auto;margin:0 auto;/*text-align:center;*/}
   .children {display:inline-block;width:25%;border: solid 1px #e5e5e5;}
   *+ html .children { display:inline;zoom:1;}
   * html .children { display:inline;zoom:1;}
.catname{margin-left: -30px !important;}
   .children1 {display:inline-block;width:50%;border: solid 0px #e5e5e5;}
   *+ html .children1 { display:inline;zoom:1;}
   * html .children1 { display:inline;zoom:1;}
.children1 {display:block;box-sizing:border-box;margin:0px 0px; overflow: hidden; }
.children1 img{width: 100%;height: 250px;}
.children1 img{cursor: pointer;transition: all 0.8s;}
.children1 img:hover{transform: scale(0.96);}

.children2 {display:inline-block;width:33.333333%;border: solid 0px #e5e5e5;}
   *+ html .children2 { display:inline;zoom:1;}
   * html .children2 { display:inline;zoom:1;}
.children2 {display:block;box-sizing:border-box;margin:0px 0px; overflow: hidden; }
.children2 img{width: 380px;height: 420px;}
.children2 img{cursor: pointer;transition: all 0.8s;}
.children2 img:hover{transform: scale(0.96);}
.children3 {display:block;box-sizing:border-box;margin:0px 0px; overflow: hidden; }
.children3 img{width: 569;height: 569px;}
.children3 img{cursor: pointer;transition: all 0.8s;}
.children3 img:hover{transform: scale(0.96);}
.catname h4{height: 30px;line-height: 30px; margin-top: 10px;}
.marketing .deta {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,61,100,0.2);display:none;-webkit-transition: all linear .218s;-moz-transition: all linear .218s;transition: all linear .218s;}
.marketing .deta .content {display:block;color:#fff;margin-bottom:24px;position:absolute;top:40%;left:40%;text-align:center;}
.marketing .deta .content a {display:block;color:#fff;margin-bottom:10px;}
.marketing .col-lg-2:hover .deta{display: block;}
.marketing1 .deta {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none;-webkit-transition: all linear .218s;-moz-transition: all linear .218s;transition: all linear .218s;}
.marketing1 .deta .content {display:block;color:#fff;margin-bottom:24px;position:absolute;top:40%;left:40%;text-align:center;}
.marketing1 .deta .content a {display:block;color:#fff;margin-bottom:10px;}
.marketing1 .col-lg-2:hover .deta{display: block;}
.marketing2 .deta {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none;-webkit-transition: all linear .218s;-moz-transition: all linear .218s;transition: all linear .218s;}
.marketing2 .deta .content {display:block;color:#fff;margin-bottom:24px;position:absolute;top:40%;left:40%;text-align:center;}
.marketing2 .deta .content a {display:block;color:#fff;margin-bottom:10px;}
.marketing2 .col-lg-2:hover .deta{display: block;}
/*首页产品应用*/
.homeyytitle{text-align: center;margin: 0px 0 30px 0;font-size: 30px;}
.homeyy{width: 100%;height: auto;margin: 20px auto;display: block;font-size: 0px;}
.homeyy li{width: 50%;padding-right: 60px;float: left;margin-bottom: 60px;}
.hyyimg{width: 160px;height: 107px;overflow: hidden;position: relative;float: left;}
.hyyimg img{position: absolute;width: 100%;height: 100%;}
.hyyimg img{cursor: pointer;transition: all 0.8s;}
.hyyimg img:hover{transform: scale(1.4);}
.hyytext{padding-left: 180px;}
.hyytext h2{font-size: 18px;margin-bottom: 10px;}
.hyytext h4{font-size: 14px;line-height: 24px;color: #888888;max-height: 48px;overflow: hidden;margin: 10px 0;}
/*新闻资讯*/
#content span{line-height: 30px;}
.container-fluid h2 {/*text-align:center;*/margin-top:55px;margin-bottom:30px;font-size:29px;color:#323232;}
.container-fluid .thumbnail {border:none;}
.container-fluid .thumbnail .caption h3 {font-size:18px;color:#2d373c;text-overflow:ellipsis;/*超出显示省略号*/white-space:nowrap;/*不换行*/overflow:hidden;}
.container-fluid .thumbnail .caption p {font-size:12px;color:#989898;}
.container-fluid .thumbnail .caption p span {margin-left:20px;background:url(../images/liulan_03.jpg) no-repeat left center;padding-left:20px;}
.newsmore{text-align: center;margin: 40px 0 80px 0;}
.newsmore a:hover{color: unset;}
/*pages*/
.text-c {text-align: center;}
#pages { padding:14px 0 10px;margin-bottom: 40px;}
#pages a { display:inline-block; height:24px; line-height:24px; background:#fff; border:0px solid #e3e3e3; text-align:center; color:#333; padding:0 8px;margin: 0 6px;}
#pages a.a1 { width:56px; padding:0 }
#pages a:hover { background:#333; color:#fff; text-decoration:none;border-radius: 4px; }
#pages span { display:inline-block; height:24px; line-height:24px; color: #fff; border: solid 0px #003d64;background-color: #333; text-align:center;padding:0 8px;border-radius: 4px;margin: 0 6px;}
.page .noPage { display:inline-block; width:56px; height:24px; line-height:24px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*点赞*/
.likebtn{margin-top: 20px;}
.likebtn .liketext{float: left;margin-right: 10px;}
#mood{text-align: left !important;height: 22px;line-height: 22px;float: left;}
#mood button{width: 60px;height: 22px;border: 1px solid #cccccc;border-radius: 11px;background-color: transparent;}
#mood button span{display: block;}
#mood button img{vertical-align: unset;}
#mood button:hover{border: 1px solid #003d64;color: #003d64;}


/*点赞*/
.diggs {display:inline-block;padding:0 15px;text-align:center;height:22px;line-height:22px;color:#666;background:#FFF;border-radius:10px;font-size:12px;min-width:40px;margin:10px; border: 1px #ccc solid}
.diggs:hover {color:#fff;background:#003d64; border: 1px #003d64 solid;transition:background-color .2s linear;-moz-transition:background-color .2s linear;-webkit-transition:background-color .3s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;}
/*底部*/
/*.span12 {border-top:solid 5px #003d64;}
.span12 h3 {font-size:17px;color:#403c3d;}*/
.span12 {background-color:#003d64;}
.span12 h3 {font-size:17px;color:#f4f5f7;}
.gs_name {font-weight:bold;color:#545454;font-size:15px !important;}
.span12 ul li {font-size:14px;line-height:26px;color:#f4f5f7;}
.span12 ul .company_name{font-weight: bold;font-size: 16px;}
.span12 ul li a {text-decoration:none;out-line:none;color:#f4f5f7;}
.span12 ul li a:hover{color: #337ab7;}
.span12 .last {padding-top:40px;text-align:center;margin-bottom: 30px;}
.span12 .last p {font-size:12px;color:#003d64;}
.span12 .last .kefu {padding:5px 15px;line-height:26px;border:solid 1px #f4f5f7;border-radius:50px;padding-left:50px;background:url(../images/kefu_07.png) no-repeat 15px center;color:#f4f5f7;font-size:16px;}
.span12 .last .img {margin-bottom:5px;margin-top:20px;}
.span12 .last span img {margin-top:15px;margin-right:8px;}
.span12 .col-lg-12 {font-size:12px;}
.span12 .col-lg-12 a {text-decoration:none;out-line:none;color:#f4f5f7;margin-right:10px;}
.span12 .footinfo p{margin-bottom: 10px;color: #f4f5f7;}
.span12 .footinfo p a{color: #f4f5f7;}
/*产品应用*//*第二导航*/
.probtn {width: 20%;background-color:#dddddd;border-radius:0px;border:solid 1px #ffffff !important;margin:0px;color:#747474;float: left;height: 60px;}
.probtn:hover{background-color: #003d64;border-color: #fff;color: #fff;}
.probtn a:hover,.probtn:hover a{color: #fff;}

.btn {padding:10px 30px;border-radius:50px;border:solid 0px #003d64;margin-top:28px;margin-bottom: -16px;color:#747474;background-color: #dddddd;}
button.active {color:#fff;border:solid 0px #003d64;background-color: #003d64;box-shadow:none !important;-webkit-box-shadow:none !important;}
.btn:hover{background-color: #003d64;border-color: #003d64;color: #fff}
.btn a:hover,.btn:hover a{color: #fff;}
/*概述*/
.overview {margin-top:80px;}
.overview .img {text-align:center;width:80%;margin:0 auto;}
.overview .img img {width:100%;}
.overview .hero-unit h1 {font-size:23px;color:#000;margin-bottom:18px;}
.overview .hero-unit p {font-size:14px;color:#747474;margin-bottom:30px;}
/*推荐方案*/
.plan {margin-top:50px;margin-bottom:100px;}
.plan .top {margin-bottom:10px;}
.plan .mtop{margin-bottom:24px;}
.top select {border:none;padding:7px 0; float: right; margin-bottom: -1px;outline: none;padding-right: 20px;}
.top select option{padding: 5px 0;}
.plan .col-lg-2 {-webkit-transition: all linear .218s;-moz-transition: all linear .218s;transition: all linear .218s;}
.plan .col-lg-2 h2 {font-size:14px;color:#003d64; height: 24px;line-height: 24px; width: 100%; overflow: hidden}
.plan .col-lg-2 p {font-size:12px;height: 22px;line-height: 22px; width: 100%; overflow: hidden}
.plan span {position:absolute;padding:4px 20px;color:#fff;font-size:11px;}
.promotion {background-color:#e53935; margin-top: -1px;top:0;left: 50%;transform: translateX(-50%);}
.new_pro {background-color:#83c44e;margin-top: -1px;top:0;left: 50%;transform: translateX(-50%);}
.plan .deta {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none;-webkit-transition: all linear .218s;-moz-transition: all linear .218s;transition: all linear .218s;}
.plan .deta .content {display:block;color:#fff;margin-bottom:24px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);text-align:center;}
.plan .deta .content a {display:block;color:#fff;margin-bottom:10px;}
.plan .col-lg-2:hover .deta{display: block;}
.porpic{ margin-bottom: 10px}
/*新闻详情*/
.blog-header .blog-title {font-size:15px;width:114px;text-align:center;color:#2696d8;border:solid 1px #003d64;height:42px;line-height:42px;border-radius:50px;margin:35px auto;}
.blog-main{margin-top: 40px;}
.blog-main .blog-post-title {font-size:20px;color:#37474f;}
.blog-main .blog-post-meta {font-size:14px;color:#b8b8b8;padding-left:0px;}
.blog-main .blog-post-meta span { padding-left:18px;margin-left:13px;}
.blog-main .blog-post-meta a {font-size:10px;color:#B8B8B8;margin-left:18px; padding-left:20px;}
.blog-main pre {font-family:Open Sans,Microsoft YaHei,system-ui,Helvetica,sans-serif;background:none;border:solid 1px #f0f0f0;margin-bottom:30px;}
.blog-main pre code {font-family:Open Sans,Microsoft YaHei,system-ui,Helvetica,sans-serif;font-size:14px;color:#aaaaaa;line-height:24px;}
.blog-main p {font-size:14px;color:#5a5a5a;margin:10px 0;overflow:hidden;line-height: 26px;}
.blog-main h3 {font-size:16px;color:#959595;}
.blog-sidebar{margin-top: 30px;}
.fr {float:right;color:#737980;font-size:14px;}

.blog-main1{margin-top: 40px;}
.blog-main1 .blog-post-title {font-size:20px;color:#37474f;}
.blog-main1 .blog-post-meta {font-size:14px;color:#b8b8b8;padding-left:0px;}
.blog-main1 .blog-post-meta span { padding-left:18px;margin-left:13px;}
.blog-main1 .blog-post-meta a {font-size:10px;color:#B8B8B8;margin-left:18px; padding-left:20px;}
.blog-main1 pre {font-family: Open Sans,Microsoft YaHei,system-ui,Helvetica,sans-serif;background:none;border:solid 1px #f0f0f0;margin-bottom:30px;}
.blog-main1 pre code {font-family: Open Sans,Microsoft YaHei,system-ui,Helvetica,sans-serif;font-size:14px;color:#aaaaaa;line-height:24px;}
.blog-main1 p {font-size:14px;color:#5a5a5a;margin:10px 0;overflow:hidden;line-height: 26px;}
.blog-main1 {padding: 0 6%}
.blog-main1 h3 {font-size:16px;color:#959595;}
/*标签*/
.text_span{margin: 20px 0;}
.text_span h4 {font-size:12px;color:#000;margin-bottom:15px;}
.label {color:#999999;padding:0 11px;border:solid 1px #f0f0f0;background-color:#fafafa;font-size:12px;margin-right:10px;height:32px;line-height:32px;display:inline-block;margin-bottom:5px;}
/*分享*/.shar {margin-top:45px;}
.shar h4 {font-size:12px;color:#000;margin-bottom:15px;}
.shar span {margin-right:35px;}
.pager {border-bottom:solid 1px #f0f0f0;margin-bottom:30px;}
.pager li>a {border:none;color:#999;padding:0;margin-top:30px;margin-bottom:20px;}
.pager li>a span {color:#000;}
/*猜你喜欢*/
.like {margin-bottom:60px;overflow:hidden; text-align: left}
.like h2 {font-size:17px;color:#333;margin-bottom:15px;}
.like .thumbnail {border:none;padding:0;}
.like .thumbnail h3 {font-size:14px;color:#403c3b;margin:0;line-height: 22px;}
.like li{padding: 0 10px 0 0;}
.thumbnail .caption {padding:17px 0;}
/*右侧*/
.sidebar-module h4 {padding:8px 0;border-bottom:solid 1px #f1f1f1;font-size:19px;color:#37474f;}
.sidebar-module ol li {padding:11px 0;border-bottom:solid 1px #f1f1f1;padding-left:25px;background:url(../images/go_2.png) no-repeat left center;}
/*.sidebar-module ol li:nth-child(1) {background:none;}*/
.sidebar-module ol li a{padding-left: 15px;}
.sidebar-module ol li .img-circle {width:60px;height:60px;border:none;border-radius: 0;}

/*.sidebar-module ol li img :nth-child(1) {display: block;float: left}*/
.sidebar-module ol li img  {display: none;float: left}
.sidebar-module ol li:hover img {display: block;}
.sidebar-module ol li:hover{background:none;line-height: 60px;}
/*左侧*/
.list-module{width:100%; overflow: hidden}
.list-module h4 {padding:11px 0;border-bottom:solid 1px #f1f1f1;font-size:19px;color:#37474f;}
.list-module ol li {padding:11px 0;border-bottom:solid 1px #f1f1f1;padding-left:25px;background:url(../images/go_2.png) no-repeat left center;}
.list-module ol li .img-circle {width:62px;height:62px;border:none;margin-right:15px;}
.list-module .return a{color: #003d64}
.list-module .center p{display:block; width: 100%; text-align: center}
.list-module .center a{color: }
.cp20 {padding: 20px}
.cp10 {padding: 10px}
.mp10{ margin-top:10px}
.topbor{border-top:solid 1px #f1f1f1;}
/*news*/ 
#content {width:100%;height:auto;display:block;}
.con_tw {width:100%;height:auto;margin:20px auto;display:block;font-size:0px;}
.con_tw > * {font-size:16px;}
.con_tw > li {width:33.333%;height:auto;vertical-align:top;display:inline-block;}
#content .news{margin-top: 32px;}
@media screen and (max-width:820px) {.con_tw > li {width:50%;height:auto;vertical-align:top;display:inline-block;}
}
@media screen and (max-width:560px) {.con_tw > li {width:100%;height:auto;vertical-align:top;display:inline-block;}
}
.con_tw_link {display:block;box-sizing:border-box;margin:10px 15px; overflow: hidden; }
.con_tw_link img{width: 100%}
.con_tw_pic {width:100%;height:auto;display:block;margin:0px auto;position:relative;}
.con_tw_pic:hover{}
.con_tw_pic img{min-width:350px;min-height: 200px;max-height: 200px;}
.con_tw_pic img{cursor: pointer;transition: all 0.8s;}
.con_tw_pic img:hover{transform: scale(1.4);}
.link_video .con_tw_pic img{min-width:350px;min-height: 200px;}
#gallery .con_tw_pic:hover{opacity:0.7;filter:alpha(opacity=70);}
#gallery .con_tw_pic{opacity:1;filter:alpha(opacity=100);}

.con_tw_link.link_video .con_tw_pic:after {content:'';display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;background-size:100% 100%;background-image:url(../images/video_zzc.png);}
.con_tw_pic > img {width:100%;height:auto;display:block; height: 200px;}
.con_tw_text {display:block;padding:10px 15px;float: left;}
.con_tw_text > h2 {color:#747474;font-size:18px;margin:0px auto 5px auto;font-weight: 400;height: 18px;overflow: hidden;}
.viedotext > h2 {height: unset;overflow: unset;}
.ctt_info {display:block;overflow:hidden;}
.ctt_info .ctt_date {color:#888;font-size:14px;float:left;margin-right:10px;}
.ctt_info .ctt_look {color:#888;font-size:14px;float:left;padding-left:0px;background-size:16px 9px;background-position:left center;background-repeat:no-repeat;}
.con_tw_text > p {font-size:14px;margin:5px auto;line-height: 20px; height: 40px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.con_tw_pic .vblank{background-color: rgba(0,0,0, .6);display: block;position: absolute;width: 100%;height: 200px;}



/*down*/
#content {width:100%;height:auto;display:block;padding: 0 15px;}
.con_lb {max-width:100%;height:auto;display:block;margin:0px auto;background-color:#fff;}
.con_lb > li {display:block;border-width:0px 0px 1px 0px;border-color:#aaa;border-style:dotted;position:relative;}
.lb_pic {width:50px;height:64px;display:block;position:absolute;top:15px;left:15px;}
.lb_link {width:100%;height:auto;display:block;padding:10px 10px 10px 80px;box-sizing:border-box;position:relative;}
.lb_link > h3 {color:#666;font-size:14px;margin:10px auto;}
.lb_link > p {color:#888;font-size:12px;margin:10px auto;}
.lb_link > span {color:#777;font-size:12px;margin:10px auto;padding:3px 0px 3px 3px;box-sizing:border-box;background-size:18px auto;background-repeat:no-repeat;background-position:left center;}
.lb_info {display:block;position:absolute;top:0px;right:0px;bottom:0px;overflow:hidden;width:50%;height:21px;margin:auto;}
.lb_info > span {float:left;width:33.3333%;font-size:16px;line-height:unset !important;color:#888;text-align: center;}
/* picshow */
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin: 10px auto 0;;overflow:hidden; height: 64px;width: 400px;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 6px 0 0;overflow:hidden;padding:2px;}
.tb-s310, .tb-s310 a{height:400px;width:400px;}
.tb-s310, .tb-s310 img{max-height:400px;max-width:400px;}
.tb-s40 { }
.tb-s40 a{height:60px;width:60px;}
.tb-booth{position:relative;z-index:1;margin: 0 auto;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #003d64;padding:1px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
/* scrollpic */
.scrollpic{max-width:1048px;min-height:350px;margin:20px auto;}
#myscroll{display:block; width:100%; position:relative; height:302px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;    border: solid 1px #dae0e5;}
#myscroll ul li a{display:block; float:left; width:227px; margin-left: -1px; padding:0 10px; position:relative; height:300px; color:#333; background-color: #FFF}
#myscroll ul li h5, #myscroll ul li h6, #myscroll ul li p{height: 22px;line-height: 22px;overflow: hidden}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;}
#myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(../images/go.png) right no-repeat; height:40px; width:180px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}
#mybtns{margin:0px; width:100%; display:block; height:42px;}
#mybtns a{width:38px; height:26px; display:block; float:right; margin-right:-1px; background-color: #ffffff;border: 1px solid #dddddd}
#mybtns a:hover{background-color: #dddddd;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_l.png);}
#mybtns #right{background-image:url(../images/jt_r.png);}
.scrollpic{max-width:1200px; width:100%;}
#myscroll{max-width:1200px;}

/*加载更多配件*/
.xgpj{display: block;float: left;margin: 10px 0;width: 100%;}
.xgpj #mypj{max-width: 1200px;}
.xgpj #mypj #mypjbox{height: 344px;overflow: hidden;}
.xgpj #mypj #mypjbox ul li{width: 20%;float: left;border: solid 1px #dae0e5;margin-bottom: -1px;margin-right: -1px;text-align: center;}
#pjbt{margin: 20px 0 50px 0;text-align: center;}
/*产品留言弹框*/
.modal-dialog{width: 1000px;margin: 0 auto;top: 50%;transform: translateY(-50%) !important;}
.modal-content{border-radius: 0;border: none;box-shadow: unset;-webkit-box-shadow:unset;padding:30px 50px 50px;}
.modal-header{border: none;padding: 0;margin-bottom: 10px;}
.modal-title{font-size: 24px;font-weight: normal;}
.modal-header .close{font-size: 44px;font-weight: normal;}
.modal-body{float: left;padding: 0;}
.modal-body .plan .top,.modal-body .plan .col-md-4,.modal-body .plan .col-md-3,.modal-body .plan .col-md-5,.modal-body .plan .col-md-7,.modal-body .plan .col-md-8,.modal-body .plan .col-lg-12,.modal-body .plan .col-md-12{padding: 0;}
.modal-body .plan .top{margin-bottom: 24px;}
.modal-footer{padding: 0;border: none;}
.modal-footer .btn{padding: 8px 32px;margin-top: 10px;}
@media(max-width:1309px){
.scrollpic{max-width:1048px; width:100%;}
#myscroll{width:1048px;}
}

@media(max-width:1200px){
	.logobar h1 img{width: 160px;}/*logo宽度*/
	.navbar-wrapper{top: 43px;}/*菜单距离顶部高度*/
	.navbar-nav li a span{font-size: 16px !important;}/*菜单字体大小*/
	.nav>li>a{padding: 15px 10px !important;}/*菜单按钮内边距*/
	.headfixed .logobar{width: 20%;}
	.headfixed .navbar-wrapper{width: 80%;}
	.children{width: 240px;height: 278px;}
	.children1{width: 380px;height: 250px;}
	.children2{width: 380px;height: 420px;}
	.children3{width: 380px;height: 420px;}
	.marketing .col-lg-2{}
	.marketing1 .col-lg-2{}
	.span12 .col-lg-4{width: 50%;float: left;}
	.span12 .col-lg-2{width: 25%;float: left;}
	.span12 .col-lg-3{width: 100%;float: left;}
	.span12 .col-lg-12{width: 100%;float: left;}
	.col-lg-2{width: 20%;height: auto;float: left;}
	.col-lg-2 .box,.col-lg-2 .box img{width: 100%;height:auto;}
	.col-lg-3{width: 25%;float: left;}
	.container{width: 100%;padding: 0 10px;}
	.container-fluid,.parent{padding: 0 !important;}
	.overview img{width: 100% !important;height: auto !important;}
  .carousel{height: 450px !important;}
}
@media(max-width:1047px){
	.scrollpic{max-width:786px; width:100%;}
	#myscroll{width:786px;}
	.plan .search {display: none;}
}
@media(max-width:990px){
	.logobar h1 img{width: 140px;}/*logo宽度*/
	.navbar-wrapper{top: 41px;}/*菜单距离顶部高度*/
	#navbar .navbar-nav li a span{font-size: 14px !important;}/*菜单字体大小*/
	.nav>li>a{padding: 15px 4px !important;}/*菜单按钮内边距*/
	.headfixed #navbar{float: left !important;}
	.headfixed .logobar{width: 25%;}
	.headfixed .logobar .logo img{height: 44px;}
	.headfixed .navbar-wrapper{width: 75%;}
	.modal-dialog{width: 100%;top: 0;transform: unset !important;}
	.modal-content{padding: 20px;}
	.modal-body{width: 100% !important}
	.modal-body select,.modal-body input{width: 100% !important;margin: 10px 0;}
	.modal-body .proline{width: 100% !important;top: 70px !important}
	.modal-body .mprohf{width: 50% !important;float: left;}
	.modal-body .mprohf .mgprot{padding: 17px 0;}
	.modal-body .plan{margin-bottom: 50px;}
	.modal-footer .btn{margin-bottom: 20px;}
	.navbar-inverse .navbar-nav>li>.wapmenu:hover{background-color: #003d64 !important;color: #ffffff !important}
	.navbar-inverse .navbar-nav>.active>.wapmenu{background-color: #003d64 !important;color: #ffffff !important}
	.navbar-nav .open .dropdown-menu{background-color: #ffffff;}
  .carousel{height: 360px !important;}
}
@media(max-width:880px){
	.probtn{padding: 14px 0px;}
  .xgpj #mypj #mypjbox ul li{width: 25%}
}
@media(max-width:770px){
	.scrollpic{max-width:524px; width:100%;}
	#myscroll{width:524px;}
	.deta{display: none !important;}
	.parent{padding: 10px;text-align: unset;}
	.children,.col-lg-2{width: 25%;height: auto;}
	.children1,.col-lg-13{width: 33.333333%;height: auto;}
	.children2,.col-lg-14{width: 33.333333%;height: auto;}
	.children3,.col-lg-14{width: 33.333333%;height: auto;}
	.col-lg-3{width: 50%;}
	.children img{width: 100%;height: auto;}
	.children1 img{width: 100%;height: auto;}
	.children1 img{margin-top: 5px;margin-bottom: 5px;}
	.children2 img{width: 100%;height: auto;}
	.children2 img{margin-top: 5px;margin-bottom: 5px;}
	.children3 img{width: 100%;height: auto;}
	.children3 img{margin-top: 5px;margin-bottom: 5px;}
	.fx_right{display: none;}
	.navbar-inverse{background-color: #ffffff;text-align: center;}
	#navbar{margin: 0;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:0;}
	.navbar-wrapper .navbar{padding: 0;}
	.navbar-toggle{margin-right: 10px;}
	.langbar{top: 10px;right: 10px;}
	.lb_info{display: none;}
	#showsum{width: 100% !important;left:0 !important;}
	#showbox{width: 100%;height: auto;}
	.nav .dropdown:active .dropdown-menu{display: block !important;}
	.headfixed #navbar{display: none;}
	.pcmenu{display: none !important;}
	.wapmenu{display: block !important;}
	.mprobtn{text-align: center;}
	.blog-main{margin-top: 40px;padding: 0;}
	#content{padding: 0;}
	#content .news{margin-top: 45px;}
	#content .news li{margin-bottom: 20px;}
	.blog-main p img{max-width: 100% !important;height: auto !important;}
  .pro-left, .pro-right,.pro-memol{padding: 0 !important;}
  .sousuo{display: none;}
  .carousel{height: 300px !important;}
  .img-index{bottom: 10px !important;}
  .listheader{padding: 40px 0;}
  .homeyy li{padding: 0;}
  .homeyy li:nth-child(2n+1){padding-right: 10px;}
  .homeyy li:nth-child(2n+2){padding-left: 10px;}
  .hyyimg{width: 100%;}
  .homeyy img{min-height: unset;min-width: unset;}
  .hyytext{padding-left: 0;padding-top: 10px;float: left;}
  #div-share{width: 100%;}
  .like li{padding: 0;}
}
@media(max-width:640px){
	.probtn{width: 25%;}
  .carousel{height: 240px !important;}
  .xgpj #mypj #mypjbox ul li{width: 33.33333%}
}
@media(max-width:570px){
	.children,.col-lg-2{width: 33.333333%;}
	.children1,.col-lg-13{width: 33.333333%;}
	.children2,.col-lg-14{width: 33.333333%;}
	.children3,.col-lg-14{width: 33.333333%;}
  .xgpj #mypj #mypjbox ul li{width: 50%}

}
@media(max-width:530px){
	.probtn{width: 33.333333%;}
  .responsive{width: auto !important;height: 400px !important}
  .carousel{height: 220px !important;}
}
@media(max-width:523px){
	.scrollpic{max-width:262px; width:100%;}
	#myscroll{width:262px;}
  .pager li>a{margin-top: 10px;margin-bottom: 10px;}
}
@media(max-width:440px){
	.children,.col-lg-2{width: 50%;}
	.children1,.col-lg-13{width: 100%;}
	.children2,.col-lg-14{width: 100%;}
	.children3,.col-lg-14{width: 100%;}
	.span12 .col-lg-4{width: 100%;padding: 0 10px;}
	.span12 .col-lg-2{width: 100%;padding: 0 10px;}
	.con_tw{margin-top: 40px;}
	.con_tw_link{margin: 0;}
	.con_tw_text{padding: 10px 0px;}
	.con_tw_pic img{min-height: unset;min-width: unset;}
  	.showbox{width: 345px !important;}
  	#showbox,#showbox div,#showbox div b img{width: 345px !important;height: 345px !important;}
    .carousel{height: 200px !important;}
    .contactlist{width: 100%;padding: 10px 0px 0 0;}
    .contactlist img{padding-right: 16px;}
}
@media(max-width:404px){
	.probtn{width: 50%;}
  .xgpj #mypj #mypjbox ul li{width: 100%}
  .homeyy li{width: 100%;}
  .homeyy li:nth-child(2n+1){padding-right: 0px;}
  .homeyy li:nth-child(2n+2){padding-left: 0px;}
  .hyyimg{height: 218px;}
}